import VSelect from "components/VSelect";
import VColorPicker from "components/VColorPicker";
import VFontStylePicker from "components/VFontStylePicker";
import VFontAlignPicker from "components/VFontAlignPicker";
import VTextarea from "components/VTextarea";
import VImageProcess from "components/VImageProcess";
import { defaultTextEditProps, defaultTextComponentProps } from "common/data/defaultText";
import { defaultImageEditProps, defaultImageComponentProps } from "common/data/defaultImage";
// 属性设置栏的tab配置
export const settingTabList = {
    defaultKey: "comp-attribute",
    tabList: [
        {
            key: "comp-attribute",
            title: (<span>属性设置</span>)
        },
        {
            key: "layer-setting",
            title: (<span>图层设置</span>)
        },
        {
            key: "page-setting",
            title: (<span>页面设置</span>)
        }
    ]
}

// 组件属性设置对应的编辑map配置
export const settingCompTableMap = {
    "VText": {
        editProps: defaultTextEditProps,
        defaultValue: defaultTextComponentProps
    },
    "VImage": {
        editProps: defaultImageEditProps,
        defaultValue: defaultImageComponentProps
    }
}

export const attributeNameMap = [
    {
        key: "basic",
        title: "基础属性"
    },
    {
        key: "size",
        title: "尺寸"
    }, 
    {
        key: "border",
        title: "边框"
    },
    {
        key: "shadow",
        title: "阴影与透明度"
    },
    {
        key: "position",
        title: "位置"
    }
]

export const customComponentMap = {
    "VSelect": VSelect,
    "VColorPicker": VColorPicker,
    "VFontStylePicker": VFontStylePicker,
    "VFontAlignPicker": VFontAlignPicker,
    "VTextarea": VTextarea,
    "VImageProcess": VImageProcess
}
